<!DOCTYPE html>
<html>

<head>

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>机场下单</title>

    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="font-awesome/css/font-awesome.css" rel="stylesheet">
    <link rel="stylesheet" href="css/plugins/iCheck/custom.css">
    <link href="css/plugins/chosen/chosen.css" rel="stylesheet">
    <link href="css/plugins/datapicker/datepicker3.css" rel="stylesheet">
    <link href="css/animate.css" rel="stylesheet">
    <link href="css/style.css" rel="stylesheet">
    <link href="css/main.css" rel="stylesheet">

    <!-- Mainly scripts -->
    <script src="js/jquery-2.1.1.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/plugins/metisMenu/jquery.metisMenu.js"></script>
    <script src="js/plugins/slimscroll/jquery.slimscroll.min.js"></script>
    <!-- Custom and plugin javascript -->
    <script src="js/inspinia.js"></script>
    <script src="js/plugins/pace/pace.min.js"></script>
</head>

<body>
<div id="wrapper">
    <nav class="navbar-default navbar-static-side" role="navigation">
        <div class="sidebar-collapse">
            <ul class="nav" id="side-menu">
                <li class="nav-header">
                    <div class="dropdown profile-element"> <span>
                            <img alt="image" class="img-circle" src="img/profile_small.jpg"/>
                             </span>
                        <a style="cursor: default!important;">
                            <span class="clear"> <span class="block m-t-xs"> <strong class="font-bold">Leon</strong>
                             </span> <span class="text-muted text-xs block">前端开发</span> </span>
                        </a>
                    </div>
                    <div class="logo-element"></div>
                </li>
                <li class="active">
                    <a href="orderListReceive.html"><i class="fa fa-bar-chart-o"></i><span class="nav-label">机场下单</span></a>
                </li>
            </ul>
        </div>
    </nav>

    <div id="page-wrapper" class="gray-bg dashbard-1">
        <div class="row border-bottom">
            <nav style="margin-bottom: 0" role="navigation" class="navbar navbar-static-top">
                <div class="navbar-header">
                    <a href="#" class="navbar-minimalize minimalize-styl-2 btn btn-primary "><i class="fa fa-bars"></i> </a>
                    <form action="search_results.html" method="post" class="navbar-form-custom" role="search">
                        <div class="form-group">
                            <input type="text" id="top-search" name="top-search" class="form-control" placeholder="Search for something...">
                        </div>
                    </form>
                </div>
                <ul class="nav navbar-top-links navbar-right">
                    <li>
                        <span class="m-r-sm text-muted welcome-message">Welcome to INSPINIA+ Admin Theme.</span>
                    </li>
                    <li class="dropdown">
                        <a href="#" data-toggle="dropdown" class="dropdown-toggle count-info">
                            <i class="fa fa-envelope"></i>  <span class="label label-warning">16</span>
                        </a>
                        <ul class="dropdown-menu dropdown-messages">
                            <li>
                                <div class="dropdown-messages-box">
                                    <a class="pull-left" href="profile.html">
                                        <img src="img/a7.jpg" class="img-circle" alt="image">
                                    </a>
                                    <div class="media-body">
                                        <small class="pull-right">46h ago</small>
                                        <strong>Mike Loreipsum</strong> started following <strong>Monica Smith</strong>. <br>
                                        <small class="text-muted">3 days ago at 7:58 pm - 10.06.2014</small>
                                    </div>
                                </div>
                            </li>
                            <li class="divider"></li>
                            <li>
                                <div class="dropdown-messages-box">
                                    <a class="pull-left" href="profile.html">
                                        <img src="img/a4.jpg" class="img-circle" alt="image">
                                    </a>
                                    <div class="media-body ">
                                        <small class="pull-right text-navy">5h ago</small>
                                        <strong>Chris Johnatan Overtunk</strong> started following <strong>Monica Smith</strong>. <br>
                                        <small class="text-muted">Yesterday 1:21 pm - 11.06.2014</small>
                                    </div>
                                </div>
                            </li>
                            <li class="divider"></li>
                            <li>
                                <div class="dropdown-messages-box">
                                    <a class="pull-left" href="profile.html">
                                        <img src="img/profile.jpg" class="img-circle" alt="image">
                                    </a>
                                    <div class="media-body ">
                                        <small class="pull-right">23h ago</small>
                                        <strong>Monica Smith</strong> love <strong>Kim Smith</strong>. <br>
                                        <small class="text-muted">2 days ago at 2:30 am - 11.06.2014</small>
                                    </div>
                                </div>
                            </li>
                            <li class="divider"></li>
                            <li>
                                <div class="text-center link-block">
                                    <a href="mailbox.html">
                                        <i class="fa fa-envelope"></i> <strong>Read All Messages</strong>
                                    </a>
                                </div>
                            </li>
                        </ul>
                    </li>
                    <li class="dropdown">
                        <a href="#" data-toggle="dropdown" class="dropdown-toggle count-info">
                            <i class="fa fa-bell"></i>  <span class="label label-primary">8</span>
                        </a>
                        <ul class="dropdown-menu dropdown-alerts">
                            <li>
                                <a href="mailbox.html">
                                    <div>
                                        <i class="fa fa-envelope fa-fw"></i> You have 16 messages
                                        <span class="pull-right text-muted small">4 minutes ago</span>
                                    </div>
                                </a>
                            </li>
                            <li class="divider"></li>
                            <li>
                                <a href="profile.html">
                                    <div>
                                        <i class="fa fa-twitter fa-fw"></i> 3 New Followers
                                        <span class="pull-right text-muted small">12 minutes ago</span>
                                    </div>
                                </a>
                            </li>
                            <li class="divider"></li>
                            <li>
                                <a href="grid_options.html">
                                    <div>
                                        <i class="fa fa-upload fa-fw"></i> Server Rebooted
                                        <span class="pull-right text-muted small">4 minutes ago</span>
                                    </div>
                                </a>
                            </li>
                            <li class="divider"></li>
                            <li>
                                <div class="text-center link-block">
                                    <a href="notifications.html">
                                        <strong>See All Alerts</strong>
                                        <i class="fa fa-angle-right"></i>
                                    </a>
                                </div>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <a href="login.html">
                            <i class="fa fa-sign-out"></i> Log out
                        </a>
                    </li>
                </ul>
            </nav>
        </div>
        <div class="row wrapper border-bottom white-bg page-heading">
            <div class="col-lg-10">
                <h2>机场下单</h2>
                <ol class="breadcrumb">
                    <li>
                        <a href="index.html">Home</a>
                    </li>
                    <li>
                        <a>Forms</a>
                    </li>
                    <li class="active">
                        <strong>Basic Form</strong>
                    </li>
                </ol>
            </div>
        </div>
        <div class="wrapper wrapper-content animated fadeInRight">
            <div class="row">
                <div class="panel blank-panel">
                    <div class="panel-heading">
                        <div class="panel-options">
                            <ul id="myTabs" class="nav nav-tabs">
                                <li class="active"><a href="tab-1" data-type="0" data-toggle="tab">领队</a></li>
                                <li><a href="#tab-1" data-type="1" data-toggle="tab">非领队</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="panel-body">
                        <div class="tab-pane animated fadeInDown active" id="tab-1">
                            <div class="ibox float-e-margins">
                                <div class="ibox-title">
                                    <h5>All form elements <small>With custom checbox and radion elements.</small></h5>
                                    <div class="ibox-tools">
                                        <a class="collapse-link">
                                            <i class="fa fa-chevron-up"></i>
                                        </a>
                                        <a href="#" data-toggle="dropdown" class="dropdown-toggle" aria-expanded="false">
                                            <i class="fa fa-wrench"></i>
                                        </a>
                                        <ul class="dropdown-menu dropdown-user">
                                            <li>
                                                <a href="#">Config option 1</a>
                                            </li>
                                            <li>
                                                <a href="#">Config option 2</a>
                                            </li>
                                        </ul>
                                        <a class="close-link">
                                            <i class="fa fa-times"></i>
                                        </a>
                                    </div>
                                </div>
                                <div class="ibox-content">
                                    <form class="form-horizontal" method="post">
                                        <div class="form-body">
                                            <h3 class="form-section">机场信息</h3>
                                            <div class="row">
                                                <div class="col-lg-4">
                                                    <div class="form-group">
                                                        <label class="col-sm-2 control-label">经办人</label>
                                                        <div class="col-sm-10">
                                                            <input type="text" class="form-control">
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-lg-4">
                                                    <div class="form-group">
                                                        <label class="col-sm-2 control-label">下单机场</label>
                                                        <div class="col-sm-10">
                                                            <input type="text" class="form-control">
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="hr-line-dashed"></div>
                                            <h3 class="form-section">用户信息</h3>
                                            <div class="row">
                                                <div class="col-lg-4">
                                                    <div class="form-group">
                                                        <label class="col-sm-2 control-label">姓名</label>
                                                        <div class="col-sm-10">
                                                            <input type="text" class="form-control">
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-lg-4">
                                                    <div class="form-group">
                                                        <label class="col-sm-2 control-label">手机号码</label>
                                                        <div class="col-sm-10">
                                                            <input type="text" class="form-control">
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="hr-line-dashed"></div>
                                            <h3 class="form-section">行程信息</h3>
                                            <div class="row">
                                                <div class="col-lg-4">
                                                    <div class="form-group">
                                                        <label class="col-sm-2 control-label">行程国家</label>
                                                        <div class="col-sm-10">
                                                            <select data-placeholder="选择国家" class="chosen-el chosen-select" multiple tabindex="4" style="width: 100%;">
                                                                <option value="United States">United States</option>
                                                                <option value="United Kingdom">United Kingdom</option>
                                                                <option value="Afghanistan">Afghanistan</option>
                                                                <option value="Aland Islands">Aland Islands</option>
                                                                <option value="Albania">Albania</option>
                                                                <option value="Algeria">Algeria</option>
                                                                <option value="American Samoa">American Samoa</option>
                                                                <option value="Andorra">Andorra</option>
                                                                <option value="Angola">Angola</option>
                                                            </select>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-lg-4">
                                                    <div class="form-group">
                                                        <label class="col-sm-2 control-label">出发时间</label>
                                                        <div class="col-sm-10">
                                                            <input type="text" class="form-control timeAccurate">
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="row">
                                                <div class="col-lg-4">
                                                    <div class="form-group">
                                                        <label class="col-sm-2 control-label">返航情况</label>
                                                        <div class="col-sm-10">
                                                            <div class="radio radio-inline i-checks horiz">
                                                                <label>
                                                                    <input type="radio" name="a" data-type="1" checked=""> 
                                                                    <i></i> 已知返航时间
                                                                </label>
                                                            </div>
                                                            <div class="radio radio-inline i-checks horiz">
                                                                <label>
                                                                    <input type="radio" name="a" data-type="0"> 
                                                                    <i></i> 未知返航时间
                                                                </label>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="row" style="height: 49px;">
                                                <div id="backDate" class="col-lg-4">
                                                    <div class="form-group">
                                                        <label class="col-sm-2 control-label">返航日期</label>
                                                        <div class="col-sm-10">
                                                            <input type="text" class="form-control timeAccurate">
                                                        </div>
                                                    </div>
                                                </div>
                                                <div id="backDateMore" style="display: none;">
                                                    <div class="col-lg-4">
                                                        <div class="form-group">
                                                            <label class="col-sm-2 control-label">到达航班</label>
                                                            <div class="col-sm-10">
                                                                <input type="text" class="form-control">
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="col-lg-4">
                                                        <div class="form-group">
                                                            <label class="col-sm-2 control-label">到达时间</label>
                                                            <div class="col-sm-10">
                                                                <input type="text" class="form-control timeAccurate">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="hr-line-dashed"></div>
                                            <h3 class="form-section">订单信息</h3>
                                            <div class="row">
                                                <div class="col-lg-4">
                                                    <div class="form-group">
                                                        <label class="col-sm-2 control-label">租借天数</label>
                                                        <div class="col-sm-10">
                                                            <div class="spinbox">
                                                                <div class="input-group">
                                                                    <!-- <span class="input-group-addon">
                                                                        天
                                                                    </span> -->
                                                                    <input type="text" maxlength="3" class="spinbox-input form-control">
                                                                    <div class="spinbox-buttons input-group-btn btn-group-vertical">
                                                                        <button class="btn spinbox-up btn-xs blue" type="button">
                                                                            <i class="fa fa-angle-up"></i>
                                                                        </button>
                                                                        <button class="btn spinbox-down btn-xs red" type="button">
                                                                            <i class="fa fa-angle-down"></i>
                                                                        </button>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="col-lg-4">
                                                    <div class="form-group">
                                                        <label class="col-sm-2 control-label">设备数量</label>
                                                        <div class="col-sm-10">
                                                            <div id="devieceCnt" class="spinbox">
                                                                <div class="input-group">
                                                                    <!-- <span class="input-group-addon">
                                                                        天
                                                                    </span> -->
                                                                    <input type="text" maxlength="3" class="spinbox-input form-control">
                                                                    <div class="spinbox-buttons input-group-btn btn-group-vertical">
                                                                        <button class="btn spinbox-up btn-xs blue" type="button">
                                                                            <i class="fa fa-angle-up"></i>
                                                                        </button>
                                                                        <button class="btn spinbox-down btn-xs red" type="button">
                                                                            <i class="fa fa-angle-down"></i>
                                                                        </button>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="row">
                                                <div class="col-lg-8">
                                                    <div class="form-group">
                                                        <label class="col-sm-1 control-label">SN</label>
                                                        <div class="col-sm-11">
                                                            <table id="snTb" class="table table-bordered">
                                                                <thead>
                                                                    <tr>
                                                                        <th>序号</th>
                                                                        <th>SN号码</th>
                                                                        <th>操作</th>
                                                                    </tr>
                                                                </thead>
                                                                <tbody>
                                                                    <tr>
                                                                        <td>1</td>
                                                                        <td>
                                                                            <input type="text" class="form-control">
                                                                        </td>
                                                                        <td>
                                                                            <i class="fa fa-check text-navy"></i>
                                                                        </td>
                                                                    </tr>
                                                                </tbody>
                                                            </table>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div id="leaderinfo">
                                                <div class="hr-line-dashed"></div>
                                                <h3 class="form-section">领队信息</h3>
                                                <div class="row">
                                                    <div class="col-lg-4">
                                                        <div class="form-group">
                                                            <label class="col-sm-2 control-label">领队号码</label>
                                                            <div class="col-sm-10">
                                                                <input type="text" class="form-control">
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="col-lg-4">
                                                        <div class="form-group">
                                                            <label class="col-sm-2 control-label">领队姓名</label>
                                                            <div class="col-sm-10">
                                                                <input type="text" class="form-control">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="row">
                                                    <div class="col-lg-4">
                                                        <div class="form-group">
                                                            <label class="col-sm-2 control-label">返点金额</label>
                                                            <div class="col-sm-10">
                                                                <input type="text" class="form-control" data-mask="¥ 999,999,999.99">
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="form-action">
                                                <div class="form-group text-center">
                                                    <button type="reset" class="btn btn-white">重置表单</button>
                                                    <button type="submit" class="btn btn-primary">下单出库</button>
                                                </div>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="footer">
            <div>
                <strong>Copyright</strong> Example Company &copy; 2014-2015
            </div>
        </div>
    </div>
</div>

<!-- mainJS -->
<script type="text/javascript" src="js/knockout-3.2.0.js"></script>
<script src="js/common.js"></script>
<!-- chosen -->
<script src="js/plugins/datapicker/bootstrap-datepicker.js"></script>
<script src="js/plugins/chosen/chosen.jquery.js"></script>
<!-- spinbox -->
<script src="js/plugins/spinbox/spinbox.js"></script>
<!-- input mask -->
<script src="js/plugins/jasny/jasny-bootstrap.min.js"></script>
<!-- checkbox/radio format-->
<script src="js/plugins/iCheck/icheck.min.js"></script>

<script src="js/pages/orderFromAirport.js"></script>

</body>
</html>
